﻿@charset "utf-8";

*{padding:0;margin:0;font-family:"微软雅黑";box-sizing:border-box;outline:none}
:after,:before{box-sizing:inherit}
a{text-decoration:none;color:inherit}
ul{list-style:none}
.col-sm-4{float:left;position:relative;width:33.33333333%}
.selected-solution{height:530px;}
.selected-solution>div{position:relative;width:1265px;margin:0 auto}
.selected-solution .swiper-container{height:530px;width:1200px}
.selected-solution .layer-title{color:#393b40;padding:20px 0 10px;text-align:left;font-size:17px;font-weight:600;letter-spacing:1.09px;}
/*主体列表*/
.selected-solution .solution-cardlist{max-width:1200px;margin:0px auto 0}
.swiper-slide,.swiper-wrapper{height:560px!important}
.selected-solution .solution-cardlist .col-sm-4{padding:0 5px;top:0;transition:all .15s linear;box-sizing:border-box}
.selected-solution .solution-cardlist .col-sm-4 .solution-card{height:380px;background:#fff;box-shadow:0 5px 20px 0 rgba(0,0,0,.1);border-radius:6px;text-align:left;overflow:hidden;transition:all .15s linear}
.selected-solution .solution-cardlist .col-sm-4:hover{position:relative;top:18px;transition:all .25s linear}
.selected-solution .solution-cardlist .col-sm-4:hover .solution-card{height:405px;box-shadow:0 10px 20px 0 rgba(0,0,0,.2);transition:all .2s linear}
.selected-solution .solution-cardlist .col-sm-4 .solution-card img{width:auto;height:210px;transition:all .2s linear}
.selected-solution .solution-cardlist .col-sm-4 .solution-card h3{margin:20px 20px 10px;font-size:17px;font-weight:700;color:#252b3a;letter-spacing:.65px;text-align:left}
.selected-solution .solution-cardlist .col-sm-4 .solution-card p{margin:0 20px;padding-bottom:7px;font-size:14px;color:#666a75;letter-spacing:.51px}
.selected-solution .solution-cardlist .col-sm-4 .solution-card dl{margin:0 30px;overflow:visible}
.cf:after,.cf:before{content:" ";display:table;line-height:0}
.cf:after{clear:both}
.selected-solution .solution-cardlist .col-sm-4 .solution-card dl dt{margin-bottom:10px;font-size:14px;color:#252b3a;letter-spacing:.51px;line-height:19px;position:relative}
.selected-solution .solution-cardlist .col-sm-4 .solution-card dl dt:before{position:absolute;display:inline-block;left:-8px;top:7px;content:'';vertical-align:middle;width:4px;height:4px;border-radius:50%;background:#252b3a}
.selected-solution .solution-cardlist .col-sm-4 .solution-card dl dd{float:left;width:50%;margin-bottom:6px;font-size:12px;color:#a0a2a8;letter-spacing:.44px;line-height:20px}
.selected-solution .solution-cardlist .col-sm-4 .solution-card>span{margin:20px 20px 0;font-size:14px;display:inline-block;color:#666a75;letter-spacing:.21px;line-height:22px;opacity:0;transition:opacity .15s linear}
.selected-solution .solution-cardlist .col-sm-4:hover .solution-card>span{opacity:1;transition:opacity .2s linear 50ms}
/*了解更多*/
.selected-solution .solution-cardlist .col-sm-4 .solution-card>span a span{display:inline-block;vertical-align:middle}
.selected-solution .solution-cardlist .col-sm-4 .solution-card>span a span.arrow-f{width:13px;height:13px;background:url(../images/marketplace-selected-arrow0.svg);display:inline-block;vertical-align:middle;margin-left:5px;position:relative;transition:.3s ease-out}
.selected-solution .solution-cardlist .col-sm-4 .solution-card>span a:hover{color:#e6c16c}
.selected-solution .solution-cardlist .col-sm-4 .solution-card>span a:hover span.arrow-f{transform:translate(4px,0);background:url(../images/marketplace-selected-arrow2.svg)}
/*重置swiper*/
.swiper-container-horizontal>.swiper-pagination-bullets.solution-pagination{bottom:10px}
.solution-pagination .swiper-pagination-bullet{width:24px;height:4px;border-radius:100px;overflow:hidden;background:#dfe1f1;border:none;cursor:pointer;content:'';display:inline-block;box-sizing:border-box;opacity:1;vertical-align:middle}
.solution-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#f66f6a;box-sizing:border-box}
.swiper-container-solution .swiper-button-prev{left:0;width:14.5px;height:30px;margin-top:0;background-image:url(../images/marketplace-home-arrow_big.svg);background-size:cover;transition:background-image .15s}
.swiper-container-solution .swiper-button-next{right:0;width:14.5px;height:30px;margin-top:0;background-image:url(../images/marketplace-home-arrow_big.svg);transform:rotate(180deg);background-size:cover;transition:background-image .15s}
.swiper-container-solution .swiper-button-next:hover,.swiper-container-solution .swiper-button-prev:hover{background-image:url(../images/marketplace-home-arrow_big_hover.svg);transition:background-image .2s}